<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>京东首页右侧固定层</title>
		<link href="css/nav.css" rel="stylesheet">
	</head>
	<body>
		<nav id="nav">
			<li><span></span>
				<p>就东会员</p>
			</li>
			<li><span></span>
				<p>购物车</p>
			</li>
			<li><span></span>
				<p>我的关注</p>
			</li>
			<li><span></span>
				<p>我的足迹</p>
			</li>
			<li><span></span>
				<p>我的消息</p>
			</li>
			<li><span></span>
				<p>咨询JIMI</p>
			</li>
		</nav>
	</body>
	<script src="js/jquery-1.12.4.js"></script>
	<script>
		$("li").mousemove(function() {
			$(this).css("background-color", "red")
		})
		$("li").mouseout(function() {
			$(this).css("background-color", "white")
		})
		$("span").mousemove(function() {
			$(this).css("background-color", "red")
		})
		$("span").mouseout(function() {
			$(this).css("background-color", "#7a6e6e")
		})
		$("li").mousemove(function(){
			$(this).find("p").show()
		})
		$("li").mouseout(function(){
			$(this).find("p").hide()
		})
	</script>
</html>